<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="../js/vue.js"></script>
</head>

<body>
  <div id="root">
    <h1>你好啊，{{name}}</h1>
  </div>

  <script type="text/javascript">
    Vue.config.productionTip = false;//组织vue在启动时生成生产提示

    //创建Vue实例
    const v = new Vue({
      //el: '#root',//el用于指定当前Vue实例为哪个容器服务，值通常为css选择器字符串
      //data: {
      //  name: 'xzm'
      //}

      data: function () {
        return { name: 'xzm' }
      }
    });
    v.$mount('#root');

    //
  </script>
</body>

</html>